import React from 'react'
import { NavBar } from 'antd-mobile'
import { useLocation, useNavigate } from 'react-router'
import './index.css'
function index() {
  const nav = useNavigate();
  const back = () => {
    nav(-1)
  }
  const data = useLocation().state.data;
  console.log(data);
  return (
    <div className='findBox'>
      <div className='findboxTop'>
        <NavBar onBack={back}>医生详情</NavBar>
      </div>
      <div className='findboxText'>
        <div className='finSend'>
          <div className='finTest'>
            <img src={data.image} alt="" />
          </div>


          <div className='finTests'>
            <div className='finSends'>
              <p>
                {
                  data.name
                }
              </p>
              <p>
                {
                  data.type
                }
              </p>
              <p>
                {
                  data.hospital
                }
                {
                  data.keshi
                }
              </p>

            </div>
          </div>

          <div className='findss'>
            <div className='findsss'>
              <div className='findsssBox'>
                12
              </div>
              <div className='findsssBox'>
                12
              </div>
              <div className='findsssBox'>
                12
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
  )
}

export default index